<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.js"></script>
   <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="/slim1/public/js/layer-v3.0.3/layer/layer.js"></script>

   <style>
   	.col-xs-5 input{
   	 	float:right;
   	 }
   </style>
</head>
<body>
<div class="row">
	<div class="col-xs-3"></div>
	<div class="col-xs-6">
	<form class="form-horizontal">
	<ul id="myTab" class="nav nav-tabs">
	   <li class="active"><a href="#hom" data-toggle="tab"> 产品信息</a></li>
	   <li><a href="#io" data-toggle="tab">价格库存物流</a></li>
	   <li><a href="#des" data-toggle="tab">详细描述</a></li>
	   <li><a href="#othe" data-toggle="tab">售后及其他</a></li>
	</ul>
	<div id="myTabContent" class="tab-content">
	   <div class="tab-pane fade in active" id="hom">
	   		<label id="home">产品参数</label>
	   		<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-11">
				类目: 服饰配件/皮带/帽子/围巾>>婚纱礼服配件>>婚纱裙撑 编辑类目品牌 
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-11">
				*品牌:Decathlon/迪卡侬
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				*货号：<input type="text" value="111" name="model_code" disabled="false" />
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-4">
				*是否新品 <input type="radio" name="" >是 <input type="radio" name="">否
				</div>
			</div>
	<hr/>
			<label>商品属性</label>
	   		<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">				
				*上市时间: <input type="text" name="" value="2017年春季" disabled=false />							
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">				
				是否商场同款:<input type="" name="" value="否" disabled=false />									
				</div>
			</div/>
	<hr/>
			<label id="io">商品价格库存</label>
	   		<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				*价格 <input type="text" name="" value="129.00" disabled=false>
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				发货时间:<input type="text" name="" value="3天" disabled="false" />	
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				*商品数量: <input type="text" name="" value="1" disabled="false" />件
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				<div class="row">
				商家编码:111<br>
				&nbsp;&nbsp;*颜色：<select><option>1</option><option>2</option></select><br>
				&nbsp;&nbsp;*尺码：<select><option>1</option><option>2</option></select><br>
				</div>
				<div class="row">
				商家编码:	222<br>
				&nbsp;&nbsp;*颜色：<select><option>1</option><option>2</option></select><br>
				&nbsp;&nbsp;*尺码：<select><option>1</option><option>2</option></select><br>
				</div>
				<div class="row">
				商家编码:	333<br>
				&nbsp;&nbsp;*颜色：<select><option>1</option><option>2</option></select><br>
				&nbsp;&nbsp;*尺码：<select><option>1</option><option>2</option></select><br>
				</div>
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				条形码:	<input type="text" name="">
				</div>
			</div>
	<hr/>
			<label>商品物流信息</label>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-11">
				物流参数:物流体积(m3):<input type="text" name=""><br/>
				
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;物流重量(Kg):<input type="text" name="">
				</div>
			</div>
	   		<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-4">
				<div class="form-group">
				所在地:<input type="text" name="" value="浙江" disabled="false" />	
				</div>
				</div>
				<div class="col-xs-4">
				<div class="form-group">
				城市:<input type="" name="" value="杭州" disabled="false" />
				</div>
				</div>
				
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-7">
				*提取方式：
				邮寄： <input type="radio" name="">卖家承担运费
					 <input type="radio" name="">买家承担运费	

				</div>
			</div/>
	   </div>
	<hr/>
			<label id="des">商品描述</label>
	   		<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				*商品标题: <input type="" name="" value="钓鱼运动耐用灵活纺车轮" disabled="false">
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				商品卖点: <input type="" name="" value="">
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				*商品图片: <input type="file" name=""><input type="file" name=""><input type="file" name=""><input type="file" name=""><input type="file" name=""><input type="file" name="">
				</div>
			</div/>
			
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				*商品描述
					<ul id="myTab1" class="nav nav-tabs">
						 <li><a href="#com" data-toggle="tab">*电脑端</a></li>
						 <li><a href="#mob" data-toggle="tab">*手机新版</a></li>
					</ul>
					<div class="tab-pane fade" id="com">
				      <textarea></textarea>
				   </div>
				   <div class="tab-pane fade" id="mob">
				      <textarea></textarea>
				   </div>

				</div>
			</div/>
			
	<hr/>
			<label id="othe">售后及其他</label>
	   		<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				发票:<select><option>1</option><option>2</option></select>
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				保修:<select><option>1</option><option>2</option></select>
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				退换货承诺:<select><option>1</option><option>2</option></select>
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				售后说明:<select><option>1</option><option>2</option></select>
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				会员让利:<select><option>1</option><option>2</option></select>
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				拍下减库存:<select><option>1</option><option>2</option></select>
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				有效期:<select><option>1</option><option>2</option></select> 
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				秒杀商品:<select><option>1</option><option>2</option></select>
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				橱窗推荐:<select><option>1</option><option>1</option></select>
				</div>
			</div/>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				*返点比例:<input type="" name="" value="0.5" disabled="false">
				</div>
			</div>
			<div class="row">
	   			<div class="col-xs-1">
				</div>
				<div class="col-xs-5">
				开始时间:<select><option>1</option><option>1</option></select>
				</div>
			</div/>
		<hr />
		<button type="button" class="btn btn-primary btn-lg" id="submit">发布商品</button>
	   
	   </div>
	</div>
	
	</form>
	</div>
	<div class="col-xs-3"></div>
	</div>
	<script>
	
	$('#submit').click(function(){
		layer.open({
		  type: 1,
		  skin: 'layui-layer-demo', //样式类名
		  closeBtn: 1, //不显示关闭按钮
		  //anim: 2,
		  shadeClose: true, //开启遮罩关闭
		  content: '<div style="width:300px;height:150px;text-align:center">发布成功</div>'
		});
		return false;
	});
		
	</script>
</body>
</html>